<div ng-controller="AlumniIndexController">		
	<div class="jarviswidget jarviswidget-color-blueDark">
		<header>
			<span class="widget-icon"> <i class="fa fa-filter"></i> </span>
			<h2>查询</h2>
		</header>
	<div>
	<div class="row" style="margin-bottom: 10px;">
		<div class="col-md-5">
			<div class="input-group hidden-mobile">
				<input class="form-control" type="text" ng-model="keyword" ng-keyup="enterKeyup($event)" placeholder="输入关键字查询" id="search-project">
				<div class="input-group-btn">
					<button type="submit" class="btn btn-default" ng-click="query()">
						&nbsp;&nbsp;&nbsp;<i class="fa fa-fw fa-search"></i>&nbsp;&nbsp;&nbsp;
					</button>
				</div>
			</div>
		</div>
		<div class="col-md-1">
		</div>
		<div class="col-md-4">
			<a href="#/alumni/alumni-managment/advanced-search"  class="btn btn-link">高级查询</a>
<!-- 			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> -->
<!-- 				视图  &nbsp;<span class="caret"></span> -->
<!-- 			</button> -->
<!-- 			<ul class="dropdown-menu" role="menu"> -->
<!-- 				<li class="dropdown-submenu"> -->
<!-- 					<a href="#">View Action 1</a>  -->
<!-- 					<ul class="dropdown-menu"> -->
<!-- 						<li><button ng-click="loadURL('#/view/edit')"  class="btn btn-link">编辑</button></li> -->
<!-- 					</ul> -->
<!-- 				</li> -->
<!-- 				<li class="dropdown-submenu"> -->
<!-- 					<a href="#">View Action 2  </a> -->
<!-- 					<ul class="dropdown-menu"> -->
<!-- 						<li><button ng-click="loadURL('#/view/edit')" class="btn btn-link">编辑</button></li> -->
<!-- 					</ul> -->
<!-- 				</li> -->
<!-- 				<li class="dropdown-submenu"> -->
<!-- 					<a href="#">View Action 3</a> -->
<!-- 					<ul class="dropdown-menu"> -->
<!-- 						<li><button ng-click="loadURL('#/view/edit')" class="btn btn-link">编辑</button></li> -->
<!-- 					</ul> -->
<!-- 				</li> -->
<!-- 				<li class="divider"></li> -->
<!-- 				<li><a href="#/view/new">添加视图</a></li>			 -->
<!-- 			</ul> -->
		</div>
	</div>

	</div>
	</div>
	
	
<!-- 	<div class="alert alert-success">成功加载.</div> -->
	
	<div class="jarviswidget jarviswidget-color-blueDark">
		<header>
			<span class="widget-icon"> <i class="fa fa-filter"></i> </span>
			<h2>结果筛选</h2>
		</header>
		<div>
		<div class="widget-body" ng-show="filterInfo.fields.length > 0">
			<div class="row"  ng-show="filterInfo.getSelectedConditions().length > 0">
				<div class="col-sm-1 text-right" style="padding-top : 5px;">
					<strong class="txt-color-pink"> 已选条件: </strong>
				</div>
				<div class="col-sm-11">
				<ul class="pagination pagination-alt no-margin">
					<li ng-repeat="field in filterInfo.getSelectedConditions()" ng-click="filterInfo.cancelSelected(field)">
						<a href="javascript:void(0);">{{field.title}} : {{field.clicked}}  <span class="fa fa-times"></span> </a>
					</li>		
				</ul>
				</div>
			</div>

			<div ng-repeat="info in filterInfo.fields" ng-switch on="info['type']">
				<div class="row" ng-hide="info.value">
					<div class="col-sm-1 text-right" style="padding-top : 5px; height : 34px;">
						<strong> {{info.title}} : </strong>
					</div>
					<div class="col-sm-11">
					<ul class="pagination pagination-alt no-margin" ng-switch-when="year">
						<li ng-repeat="col in info.items" 
							ng-class= "{active : info.clicked == col.title}"
							ng-click="customFilterClick(info , col)">
							<a href="javascript:void(0);">{{col.title}}</a>
						</li>		
					</ul>
					<ul class="pagination pagination-alt no-margin" ng-switch-default>
						<li ng-repeat="col in info.items" 
							ng-class= "{active  : info.value == col.value}"
							ng-click="customFilterClick(info , col)">
							<a href="javascript:void(0);">{{col.title}}</a>
						</li>		
					</ul>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>

	<div class="jarviswidget jarviswidget-color-blueDark">
		<header>
			<span class="widget-icon"> <i class="fa fa-table"></i> </span>
			<h2>查询结果</h2>
		</header>
				
		<div>
		<div class="jarviswidget-editbox"></div>
		<div class="widget-body no-padding">
			<div class="widget-body-toolbar">
				<div class="btn-group">
					<a ng-show="display.create" href="#/alumni/alumni-managment/new" type="button" class="btn btn-default">新建</a>
					<a ng-show="display.edit" ng-click="edit('#/alumni/alumni-managment/edit')" class="btn btn-default" title="编辑"> <i class="fa fa-edit"></i> </a>
					<a ng-show="display.del" ng-click="remove()" class="btn btn-default" title="删除"> <i class="fa fa-trash-o"></i></a>
				</div>
				
				<div class="pull-right">
					<div class="dataTables_paginate pull-right">
						<ul class="pagination">
							<li ng-class="{disabled: alumnuiTable.noPrevious()}"><a
											ng-click="alumnuiTable.selectPrevious()" href="javascript:void(0);">前一页</a></li>
							<li ng-class="{disabled: alumnuiTable.noNext()}"><a
											ng-click="alumnuiTable.selectNext()" href="javascript:void(0);">后一页</a></li>
						</ul>
					</div>
					<span class="pull-right" style="padding: 10px;"><b>{{alumnuiTable.startNumber
										+ 1}}</b>–<b>{{alumnuiTable.endNumber()}}</b>（共 <b>{{alumnuiTable.data.length}}</b>
									项）</span>
				</div>
			</div>
			<div class="dataTables_wrapper" style="overflow: hidden;">
				
				<div id="chat-container" class="columnSelect">
					<span class="chat-list-open-close"><i class="fa fa-list"></i></span>
					<div class="chat-list-body custom-scroll">
						<div class="smart-form">
							<div style="padding-top: 10px; padding-left: 15px;">
								<label class="checkbox"
									ng-repeat="column in alumnuiTable.columnDefs"> <input
									type="checkbox" name="checkbox-inline" checked="checked"
									ng-model="column.show"> <i></i>{{column['displayName']}}
								</label>
							</div>
						</div>
					</div>
				</div>
				
				<table class="table table-bordered  table-hover has-tickbox">
					<thead>
						<tr>
							<th><input type="checkbox" ng-model="selectAll" /></th>
							<th ng-repeat="column in alumnuiTable.columnDefs"
								ng-show="column['show']"
								ng-click="alumnuiTable.sort(column['field'], column['sortable'])"
								ng-class="alumnuiTable.sortingClass(column['field'], column['sortable'])">{{column['displayName']}}</th>
						</tr>
					</thead>
					<tbody>
						<tr
							ng-repeat="alumnus in filteredAlumnui = ((alumnuiTable.data | filter: criteria | orderBy: alumnuiTable.sortField:alumnuiTable.reverse).slice(alumnuiTable.startNumber) | limitTo : alumnuiTable.limit)"
							ng-class-even="'light-gray'" ng-class-odd="'dark-gray'">
							<td><input type="checkbox" ng-checked="selectAll" ng-click="selected($event)" value="{{alumnus.alumusId}}"/> </td>
							<td ng-repeat="column in alumnuiTable.columnDefs"
								ng-show="column['show']" ng-switch on="column['type']">
								<a ng-switch-when="link" href="#/alumni/alumni-managment/edit/{{alumnus.alumusId}}">{{alumnus[column.field]}}</a>
								<span ng-switch-default>{{alumnus[column.field]}}</span>
							</td>
						</tr>
						<tr ng-if="filteredAlumnui.length === 0">
							<td colspan="3">没有匹配的结果！</td>
						</tr>
					</tbody>
				</table>
			</div>
				
				<div class="dt-row dt-bottom-row">
					<div class="row">
						<div class="col-sm-12 text-right">
							<div class="pull-right">
								<div class="dataTables_paginate pull-right">
									<ul class="pagination">
										<li ng-class="{disabled: alumnuiTable.noPrevious()}"><a
											ng-click="alumnuiTable.selectPrevious()" href="javascript:void(0);">前一页</a></li>
										<li ng-class="{disabled: alumnuiTable.noNext()}"><a
											ng-click="alumnuiTable.selectNext()" href="javascript:void(0);">后一页</a></li>
									</ul>
								</div>
								<span class="pull-right" style="padding: 10px;"><b>{{alumnuiTable.startNumber
										+ 1}}</b>–<b>{{alumnuiTable.endNumber()}}</b>（共 <b>{{alumnuiTable.data.length}}</b>
									项）</span>
	
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function() {
		$.chat_list_btn = $('#chat-container > .chat-list-open-close');

		// open chat list
		$.chat_list_btn.click(function() {
			$(this).parent('#chat-container').toggleClass('open');
		})

	})
</script>